<template>
  <div class="app-container">
    <Header :key="keyNum"></Header>
    <Nav></Nav>
    <Title></Title>

    <router-view></router-view>
    <Home></Home>
    <Footer></Footer>
  </div>
</template>

<script>
import Header from "@/components/Header.vue";
import Footer from "@/components/Footer.vue";
import Home from "@/components/Home.vue";
import Nav from "@/components/Nav.vue";
import Title from "@/components/Login/Title.vue";
export default {
  name: "app",
  data() {
    return {};
  },
  computed: {
    keyNum() {
      return this.$store.state.key;
    },
  },
  methods: {},
  components: {
    Header,
    Nav,
    Title,
    Home,
    Footer,
  },
};
</script>

<style lang="less" scoped>
</style>